<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	    <meta name="HandheldFriendly" content="true">
		<title>金期权-恒指期权</title>
		<link rel="stylesheet" type="text/css" href="__OCSS__/reset.css"/>
		<link rel="stylesheet" type="text/css" href="__OCSS__/style.css"/>
		<link rel="stylesheet" type="text/css" href="__OCSS__/trend.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/svg.css"/>
		<script type="text/javascript" src="__OJS__/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="__OJS__/avalon.js"></script>
	</head>
	<body ms-controller="pulicorder">

<div class="qh-container" ms-visible="(@pulicvisible==0 ? true:false)">
<div class="pub-box" >
<div class="header-box clearfix">
	<div class="header-left"><a href="#"><img src="__OIMG__/icon-10.png" width="100%"/></a></div>
		<div class="header-right">
			<a href="{:U('StockOption/rules')}">交易规则</a>
		</div>
		<div class="header-slide"  ms-controller="toptab">
			<div class="slide-up">
				 <a class="slide_arrow" ms-click="@toptablos"><span>价差期权</span><i class="icon icon_close"></i></a>
			</div>
			<div class="slide-down" ms-visible="@toptabtoggle">
				<ul>
					<li><a href="{:U('Index/index')}">价差期权</a></li>
					<li><a href="{:U('StockOption/now')}">恒生期权</a></li>
				</ul>
			</div>
		</div>
</div><!--header-box-->
<div class="pub-tab-content" ms-controller="contertab">
<!--tabli-->
<div class="pub-content">
		<div class="pub-park">
			<span>余额<span class="pub-yuen">{$money}</span></span><span class="ml30">持仓盈亏 <font class="pub-redcolor funding">元</font></span>
		</div><!--余额，盈亏-->

		<div class="pub-tab-menu clearfix">
			<ul>
				<li ms-class="(@visibili==0 ? 'pub-cur':'')" ms-click="@changelist(0)"><a href="#">下单</a></li>
				<li ms-class="(@visibili==1 ? 'pub-cur':'')" ms-click="@changelist(1)"><a href="#">持仓</a></li>
				<li ms-class="(@visibili==2 ? 'pub-cur':'')" ms-click="@changelist(2)"><a href="#">结算</a></li>
			</ul>
		</div>
</div>
<!--公共部分-->

<!--下单-->
<div class="pub-order-list" ms-visible="(@visibili==0 ? true:false)">
	<!--显示值-->
	<div class="order-list-gro clearfix">
		<dl class="stock-data clearfix">
			<dd class="stock-title">恒生期权</dd>
			<dd class="stock-fund pub-redcolor">{{@last_price}}元</dd>
			<dd class="stock-pool">
				<div class="plus pub-redcolor">{{@up}}</div>
				<div class="minus pub-redcolor">{{@ups}}%</div>
			</dd>
		</dl>
		<div class="stock-sale clearfix">
			<span class="text-left">卖价  &nbsp;&nbsp;&nbsp;  <em class="offer" >{{@sell_price}}</em></span>
			<span class="text-right">买价  &nbsp;&nbsp;&nbsp;  <em class="buying">{{@buy_price}}</em></span>
		</div>
	</div>

	<!-- 分时曲线图 -->
	<div class="trend-chart" style="padding-bottom: 65px;">
        <svg id="svgbox" class="svgbox" version="1.1" xmlns="http://www.w3.org/2000/svg">
        	<g>
        		<!--0--><text x="5" y="453.6" fill="#888" style="text-anchor: start;font-size:8pt"><tspan>17:00</tspan></text>
        		<!--1--><text x="10" y="453.6" fill="#888" style="text-anchor: start;font-size:8pt"><tspan>9:00</tspan></text>
        		<!--2--><text x="116" y="453.6" fill="#888" style="text-anchor: start;font-size:8pt"><tspan>13:00</tspan></text>
        		<!--3--><text x="10" y="453.6" fill="#888" style="text-anchor: start;font-size:8pt"><tspan>16:15</tspan></text>
        		<!--4--><text x="15" y="240" fill="#d0402d" style="text-anchor: start;font-size:8pt"><tspan>最高价</tspan></text>
        		<!--5--><text x="15" y="240" fill="#d0402d" style="text-anchor: start;font-size:8pt"><tspan>最低价</tspan></text>
        		<!-- --><line x1='' y1='' x2='' y2='' stroke="red" stroke-dasharray="3,3"></line>
        	</g>
        	<g>
        		<path stroke="none" fill="#3083ca" fill-opacity="0.2" d="M 0,140 L150,140Z"></path><!--线-->
        		<path stroke="#3083ca" fill="none" d="M 0,140 L150,140Z"></path><!--图-->
        	</g>
        	<g>

        	</g>
        </svg>
	</div>

	<!--看涨看跌按钮-->
	<div class="order-action">
		<span class="action-left"><a  class="btn-left" ms-click="@clickbuy(0)">看涨</a></span>
		<span class="action-right"><a  class="btn-right" ms-click="@clickbuy(1)">看跌</a></span>
	</div>
</div>
<!--持仓-->
<div class="pub-order-list" ms-visible="(@visibili==1 ? true:false)">
	<!---->
	<!---->
</div>


<!--结算成功-->
<div class="pub-order-list" ms-visible="(@visibili==2 ? true:false)">
	<div data-page="{{@page}}">
<!---->
<!---->
	</div>
	<a class="jiesuanas">加载更多...</a>
</div><!--pub-tab-list-->
</div><!--pub-tab-content-->
</div><!--pub-box-->

</div><!--min320max640-->


<!--弹出-->
<div id="see-up" ms-visible="(@pulicvisible==1 ? true:false)">
	<!--头部-->
	<div class="header-box clearfix" ms-click="@buyhide">
		<div class="header-left"><a href="#"><img src="__OIMG__/icon-10.png" width="100%"/></a></div>
		<div class="header-slide">下单</div>
	</div>
	<!--选择项-->
	<ul class="main-list" style="padding-top: 50px;">
		<li><div class="up-title"><!--恒生期权-HSI1603-->{{@buyclickname}}</div></li>
		<li><div class="up-title clearfix">
				<div class="list-left">到期时间</div>
				<div class="list-right timeshow">
					<div class="timelistfor" style="float: left;">
						<span ms-for="(i,val) in @timelist" class="list-second" ms-class="(@timelistclass==i ? 'list-checked':'')" ms-on-click="@chagemongy('time','no',i,'null')" ms-visible="((@timelistclass>(i-2)&&@timelistclass<(i+2))? true:false)">{{val}}秒</span>
					</div>
					<a class="right-select"ms-click="@timelistshow=1"><img src="__OIMG__/icon-02.png" width="100%"/></a>
					<div class="dialog-right" ms-visible="(@timelistshow == 1? true:false)">
						<div class="dialog-content">
							<ul class="timeclick">
								<li ms-for="(i,val) in @timelist" ms-on-click="@chagemongy('time','yes',i,'null')" >{{val}}秒</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</li>
		<li><div class="up-title">
				<div class="list-left">潜在收益率 <span class="pub-orangecolor" id="earn-rate">{{@timelv[@timelistclass]}}%</span></div>
				<div class="list-right">潜在收益&nbsp;&nbsp;&nbsp;<span class="pub-orangecolor" id="earn">{{@shouyimony}}元</span></div>
			</div>
		</li>
		<li><div class="up-title clearfix">
				<div class="list-left">投资金额</div>
				<div class="list-right2 monyshow">
					<div class="timelistfor" style="float: left;">
						<span ms-for="(i,val) in @monylist" class="list-second" ms-class="(@monylistclass==i ? 'list-checked':'')" ms-on-click="@chagemongy('mony','no','null',i)" ms-visible="((@monylistclass>(i-2)&&@monylistclass<(i+2))? true:false)">{{val}}元</span>
					</div>
					<a class="right-select"ms-click="@monylistshow=1"><img src="__OIMG__/icon-02.png" width="100%"/></a>
					<div class="dialog-right2" ms-visible="(@monylistshow == 1? true:false)">
						<div class="dialog-content">
							<ul class="monyclick">
								<li ms-for="(i,val) in @monylist" ms-on-click="@chagemongy('mony','yes','null',i)" >{{val}}元</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<!--当前价-->
	<div class="main-execute">
		<div class="up-title">
			<span class="input-radio">●</span>及时执行（最新执行价<em class="last">{{@buyclicknow}}</em>）
		</div>
	</div>
	<!--买-->
	<div class="order-action">
		<span class="action-up"><a href="#" class="btn-up" ms-visible="(@clickbuynow==0 ? true:false)" ms-click="@clickgo">确定看涨</a></span>
		<span class="action-down"><a href="#" class="btn-down" ms-visible="(@clickbuynow==1 ? true:false)" ms-click="@clickgo">确定看跌</a></span>
	</div>
</div><!--弹出结束-->

<!--提示成功-->
<div class="showmsgbox" style="display: none" ms-visible="(@msgshow==1 ? true:false)">
	<div class="showmsg">
		<div class="msg">{{@msgs}}</div>
		<div class="msgok" ms-click="@msgclick">确定</div>
	</div>
</div>

</body>
<script type="text/javascript">
var urls="{:U('UpdateOption/fenshi')}",//图标加载的url
	urlc="{:U('StockOption/load_ongoing')}",//加载持仓
	urlj="{:U('StockOption/load_over')}",//加载结算
	urlg="{:U('UpdateOption/update_index','','')}",//加载股价
	urli="{:U('StockOption/order_insert')}",//买入
	heyuenameip="{$option['name']}-{$option['code']}";//合约名称
</script>
<script src="__NEW__/option/js/now.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="__JS__/svg.js"></script>

</html>
